<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!--设置页面基础路径 ：上下文路径+/
        /logistics/
        以后也没按的所有的请求跳转都不要手动加上最前面的斜杠，自动根据上下文路径进行跳转
        服务器根路径/logistics/admin/insert
    -->
    <base th:href="${#request.getContextPath()}+'/'">

    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/css/H-ui.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui.admin/css/H-ui.admin.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/lib/Hui-iconfont/1.0.8/iconfont.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui.admin/skin/default/skin.css}" id="skin"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui.admin/css/style.css}"/>
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" method="post" th:action="@{{path}(path=${permission eq null ? 'permission/insert' : 'permission/update'})} "  id="adminForm">
        <input name="permissionId" type="hidden" th:value="${permission?.permissionId}">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>权限名称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text"  th:value="${permission?.pname}" placeholder="请输入权限名称" id="pname" name="pname">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>权限表达式：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" th:value="${permission?.expression}" placeholder="请输入权限表达式(模块:资源)" id="expression" name="expression">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">跳转地址：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" autocomplete="off" th:value="${permission?.url}" placeholder="跳转地址(菜单权限需要)" id="url"
                       name="url">
            </div>
        </div>
        <div class="row cl">
             <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>权限类型：</label>
             <div class="formControls col-xs-8 col-sm-9 skin-minimal">
                 <div class="radio-box">
                     <input name="type" type="radio" id="sex-1" value="menu" th:checked="${permission?.type eq 'menu'} ? true : false">
                     <label for="sex-1">菜单权限</label>
                 </div>
                 <div class="radio-box">
                     <input type="radio" id="sex-2" value="permission" name="type"  th:checked="${permission?.type eq 'permission'} ? true : false">
                     <label for="sex-2">普通权限</label>
                 </div>
             </div>
         </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">父权限：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <span   class="select-box"  style="width:150px;">
                    <select class="select"  name="parentId" size="1">
                        <option value="0">请选择</option>

                        <!--循环父权限-->
                        <!--修改回显：当前权限的parentId和循环的pemrissionId比较，相等说明之前的父全是多少，选中即可-->
                        <option th:selected="${p.permissionId eq  permission?.parentId } ? true : false" th:each="p : ${parents}" th:value="${p.permissionId}" th:text="${p.pname}"></option>

                    </select>

			</span>
            </div>
        </div>
        <!--<div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">备注：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <textarea name="" cols="" rows="" class="textarea"  placeholder="说点什么...100个字符以内" dragonfly="true" onKeyUp="$.Huitextarealength(this,100)"></textarea>
                <p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
            </div>
        </div>-->
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" th:src="@{lib/jquery-1.11.3/jquery.js}"></script>
<script type="text/javascript" th:src="@{lib/layer/2.4/layer.js}"></script>
<script type="text/javascript" th:src="@{h-ui/js/H-ui.min.js}"></script>
<script type="text/javascript" th:src="@{h-ui.admin/js/H-ui.admin.js}"></script>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" th:src="@{lib/jquery.validation/1.14.0/jquery.validate.js}"></script>
<script type="text/javascript" th:src="@{lib/jquery.validation/1.14.0/validate-methods.js}"></script>
<script type="text/javascript" th:src="@{lib/jquery.validation/1.14.0/messages_zh.js}"></script>
<script type="text/javascript">
    $(function(){
        /*使用Jquery.validate进行表单校验*/
        $("#adminForm").validate({
            /*校验规则*/
            rules:{
                pname:{
                    required:true,
                },
                expression:{
                    required:true,
                }

            },
            /*校验失败的提示消息*/
            messages:{
                pname:{
                    required:"权限名称不能为空",
                },
                expression: {
                    required: "权限表达式不能为空"
                }
            },
            /*校验成功以后出发的函数
            * form ：当前表单（DOM对象）
            * */
            submitHandler:function(form){

                //异步提交表单
                $(form).ajaxSubmit({
                    success:function(data){

                        layer.msg(data.msg,{icon:data.code},function(){

                            //操作数据成功
                            if(data.code == 1){
                                //先刷新父页面表格（当前页面是adminManager页面弹出来的子页面，所以刷新父页面）
                                parent.refreshTable();
                                //父页面adminManager关闭弹出子页面
                                parent.layer.closeAll();
                            }

                        });

                    }
                });

            }
        })



    })
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
